<!DOCTYPE html>
<html lang="en">
<head>


    <meta charset="UTF-8">
    <meta name="keywords" content="电子简历,个人简历,GMXS,在线简历生成工具,在线简历,免费,开源">
    <title>GMXS 简历生成</title>
    <link rel="icon" href="img/icon.PNG">
    <link rel="stylesheet" href="styles/style.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcss.com/jspdf/1.5.3/jspdf.debug.js"></script>
    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>


<!--    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>-->
    <script src="lib/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="lib/jquery.jqprint-0.3.js"></script>

</head>
<body>
<!--导航-->
<nav class="nav">
    <h2><img src="">GMXS 简历生成</h2>
    <span id="pdfspan">导出为pdf</span>
</nav>
<!--样式列表-->
<div class="resume_style_div">
    <ul  class="resume_style">
        <li><span id="sel_blueTable">Blue</span></li>
        <li><span id="sel_Rimless">Rimless</span></li>
        <li><span>...</span></li>
    </ul>
</div>

<!--主体内容-->
<div class="bodybox">
    <!-- 简历内联框架 -->
    <iframe id="resume_iframe" src="template/table.html" scrolling="no" frameborder="0"></iframe>
    <!--     tap选项卡-->
    <ul id="tapul" class="tapul">
        <li class="active">个人信息</li>
        <li>教育背景</li>
        <li>实习经历</li>
        <li>项目经历</li>
        <li>个人技能</li>
        <li>兴趣爱好</li>
    </ul>

    <!--    编辑区div-->
    <div class="edit" id="edit">
        <!--        个人信息-->
        <div name="text" class="editbox" id="perinfo">
            <div>
                <label>姓名:</label><input id="per_name" type="text">
                <label>性别:</label><input id="per_sex" type="text">
            </div>
            <div>
                <label>电话:</label><input id="per_phone" type="text">
                <label>邮箱:</label><input id="per_emil" type="text">
            </div>

            <div>
                <label>籍贯:</label><input id="per_hometown" type="text">
                <label>意向:</label><input id="per_post" type="text">
            </div>
            <div>
                <label>学历:</label><input id="per_education" type="text">
                <label>出生年月:</label><input id="per_birth" type="month" value="2015-09"/>
            </div>
            <div>
                <label>照片</label> <input id="per_img" type="file" placeholder="照片">
                    <button id="per_add_button">添加/修改</button>
                    <button id="per_remove_button">重置</button>
            </div>
        </div>
        <!--        教育背景-->
        <div name="text" class="editboxhiden" id="edubackground" >

                <label>学校:</label><input id="edu_school" type="text">
                <label>专业:</label><input id="edu_profession" type="text">
                <label>时间:</label><input id="edu_time" type="text" placeholder="就读起止时间: 2016.09-2020.6">
            <div>
                <button id="edu_add_button">添加</button>
            </div>
                <label>是否添加(新增)一条描述:</label><textarea id="edu_description" cols="20" rows="2" style="resize: none" wrap="hard" placeholder="描述一下你的学习情况或者学习过的课程"></textarea>
            <div>
                <button id="edu_append_description">添加</button><button id="edu_remove_button">重置</button>
            </div>



        </div>
        <!--实习经历-->
        <div name="text" class="editboxhiden">
                <label>公司名:</label><input id="filed_company" type="text">
                <label>职位:</label><input id="filed_post" type="text">
                <label>起止时间:</label><input id="filed_time" type="text">
                <label>描述:</label><textarea cols="20" rows="2" style="resize: none" wrap="hard" id="filed_description" placeholder="职责描述"></textarea>
            <div>
                <button id="filed_add_button">添加</button><button id="filed_remove_button">重置</button>
            </div>

        </div>
        <!--        项目经历-->
        <div name="text" class="editboxhiden">
            <label>项目名:</label><input id="project_name" type="text">
            <label>时间:</label><input id="project_time" type="text">
            <label>描述:</label><textarea cols="20" rows="2" id="project_description" placeholder="项目描述"></textarea>

            <div class="grid_item_buttons">
                <button id="project_add_button">添加</button><button id="project_remove_button">重置</button>
            </div>
        </div>
        <!--        个人技能-->
        <div name="text" class="editboxhiden">
            <label>技能:</label><input id="skill_name" type="text">
            <label>程度:</label><input id="skill_degree" type="text" placeholder="请输入一个百分数">
            <div class="grid_item_buttons">
                <button id="skill_add_button">添加</button><button id="skill_remove_button">重置</button>
            </div>
        </div>
        <!--        兴趣爱好-->
        <div name="text" class="editboxhiden">
            <label>兴趣爱好:</label><input id="hobby_name" type="text">
            <div class="grid_item_buttons">
                <button id="hobby_add_button">添加</button>
            </div>
            <label>描述:</label><textarea cols="20" rows="2" id="hobby_description" placeholder="请描述一下你的爱好成就"></textarea>
            <div>
                <button id="hobby_description_add">添加/修改描述</button><button id="hobby_remove_button">重置</button>
            </div>
        </div>
    </div>
    </div>
</div>
<!--footer-->
<footer>
    <p>©  2020  葛木小舍先生</p>
    <a href="https://www.cnblogs.com/gemuxiaoshe/"> 博客园</a>
    <a href="https://www.jianshu.com/u/4807bf092a3e"> 简书 </a>
    <a href="https://gitee.com/gmxs"> gitee </a>
</footer>
</body>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/insert_resume.js"></script>
<script type="text/javascript" src="js/img_update.js"></script>
<script type="text/javascript" color="255,255,255" opacity='0.7' zIndex="-2" count="150" src="lib/jq_canvas_nest.js"></script>
</html>